.blank-page {
  padding: 0.1rem;
  line-height: 1.5em;
  
  .card-list {
    width:100%;
    margin: 5rpx;
    
    .card-item {
      background: #fff;
      border-radius: 16rpx;
      box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
      margin-right:20rpx;
      padding: 24rpx;
      display: flex;
      flex-direction: column;
      align-items: center;

      .swipe-wrapper{
        height: 96rpx;
        width: 100%;
        margin: 0;
        padding: 0;

        .top-content {
          width: 100%;
          display: flex;
          align-items: center;
    

            .image-wrapper {
              width: 94rpx;        // 原图64rpx + 10rpx
              height: 94rpx;
              border-radius: 50%;
              background: #f0f0f0;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 20rpx; // 保持原有间距

              .item-image {
                width: 64rpx;
                height: 64rpx;
                border-radius: 50%;  // 改为圆形
              }
            }

             .item-texts {
              flex: 1;
              display: flex;
              flex-direction: column;

              .item-title {
                font-size: 0.5rem;
                color: #333;
                margin-bottom: 2rpx;
                font-weight: bold;
              }

              .item-desc {
                font-size: 24rpx;
                color: #666;
              }
            }

            .item-date {
              font-size: 0.4rem;
              color: #999;
              min-width: 140rpx;
              text-align: right;
              margin-left: 20rpx;
            }

        }

      }
       .expand-area {
        // 保持原有展开区域样式不变
        width: 100%;
        padding-top: 20rpx;
        margin-top: 20rpx;
        border-top: 1rpx solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .totp-code-view{
          //background-color: #EEF2FF;
          padding: 20rpx;
          border-radius: 5rpx;
          height:72rpx;
          vertical-align: middle;
          text-align: center;
          margin-left: 20px;

          .totp-code {
            font-size: 80rpx;    // 从40rpx增大到48rpx
            font-weight: 800;    // 加粗程度提升
            color: #5E57E7;         // 使用更深的黑色
            letter-spacing: 12rpx; // 增加字符间距
            line-height: 72rpx;
          }
        }

        .countdown {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-right: 70rpx;

          .countdown-text {
            font-size: 20rpx;
            color: #5E57E7;
          }
        }
      }
    }
  }
}





.modify-dialog {
  background-color: #f9f9f9;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.modify-dialog .modify-dialog-header{
  margin: 0 auto;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.modify-dialog .modify-dialog-content {
  margin: 0 auto;
  margin-top: 20px;
}
.modify-dialog .modify-dialog-content input {
  width: 100%;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}



.modify-dialog .modify-dialog-footer {
  display:flex;
  margin-top: 25px;
  justify-content: center;
  gap:20px;
}

.modify-dialog .modify-dialog-footer button {
  min-width: 80px;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
}
.modify-dialog .modify-dialog-footer .btn-confirm{
  padding: 10px 16px;
  background-color: #1890ff;
  color: #fff;
}
.modify-dialog .modify-dialog-footer .btn-confirm:hover {
  background-color: #0070f3;
}

